/*-------------------------------
	Footer
-------------------------------*/

#footer {
  text-align: center;
  padding: 25px 0;
  width: calc(100% - 220px);
  transition: margin-left 0.2s;
}
#footer ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#footer ul li {
  display: inline-block;
  margin: 0 10px;
}

#footer a {
  font-family: ProximaNova;
  font-size: 16px;
  letter-spacing: 0.1px;
  color: $warm-grey;
  text-decoration: none;

  &:hover {
    color: $azure;
    @each $key, $value in $applications {
      @at-root body.#{$key} #{&} {
        color: $value;
      }
    }
  }

}
